<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>公告详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <style>
        html,
        body {
            background: #ffffff;
        }

        header {
            border-bottom: 1px #f5f5f5 solid;
            padding: 0 15px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            background-color: #ffffff;
            font-size: 16px;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10000;
        }

        header img {
            position: absolute;
            left: 15px;
            width: 22px;
            height: 22px;
        }

        .title {
            word-break: break-all;
            padding: 15px;
            font-size: 24px;
            font-weight: bold;
        }

        .min_title {
            padding: 0 15px;
        }

        .min_title .name {
            color: #004ba8;
            margin-right: 10px;
        }

        .content {
            margin: 15px;
            word-break: break-all;
            font-size: 14px;
            line-height: 25px;
        }

        .content img {
            display: block;
            max-width: 100%;
            margin: 10px auto;
        }
    </style>
</head>

<body>
    <header class="header">
        <img src="../../image/icon_return.png" alt="" onclick="back()">详情
    </header>
    <div class="title"></div>
    <div class="min_title">
        <span class="name"></span>
        <span class="time"></span>
    </div>
    <div class="content">
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
    apiready = function () {
        resume("system_details");

        $api.dom('.title').style.paddingTop = $api.fixStatusBar($api.dom('header')) + 15 + 'px';

        $api.html($api.dom(".min_title .name"), api.getGlobalData({
            key: 'config_info'
        }).app_name);

        var item = api.pageParam.item;
        $api.html($api.dom(".min_title .time"), getLocalTime(item.update_time))
        $api.html($api.dom(".title"), item.title)
        $api.html($api.dom(".content"), item.content)
    };

    function back() {
        api.closeWin({
        });
    }
</script>

</html>